<!DOCTYPE html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>预览界面</title>
        <header th:replace="sys/head :: html"></header>
    </head>

    <body>
    <div class="kit-doc">
    </div>
    <!--这里写页面的代码-->
    <h1>h5 video</h1>
    <div id="box">
        <video id="video" controls preload="auto" width="400px" height="300px">
            <source src="${kitG}" type="video/mp4">
        </video>
    </div>


    </div>

    <script>
        layer.open({
            type: 1,
            title: false,
            shadeClose: true,
            area: ['400px', '350px'],
            content: $('#box'),
            success: function(layero){
                //layer样式layer-anim导致全屏样式错乱，移除该样式即可
                setTimeout(function() {
                    $(layero).removeClass('layer-anim');
                }, 0);
            }
        });
    </script>

    </body>

</html>